---
title: Daftar Dompet Kustom
description: Menyesuaikan daftar dompet
---

# Daftar Dompet Kustom

## Menyesuaikan daftar dompet

Anda dapat mengimpor dompet individual dari `'@rainbow-me/rainbowkit/wallets'` bersamaan dengan fungsi `connectorsForWallets` untuk membuat sendiri daftar dompet Anda dengan konektor yang diperlukan. Dengan cara ini, Anda memiliki kendali penuh atas dompet mana yang ingin ditampilkan, dan dalam urutan yang diinginkan.

Sebagai contoh, Anda dapat memilih untuk hanya menampilkan Rainbow bersama dengan dompet fallback umum.

```tsx
import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import {
  rainbowWallet,
  walletConnectWallet,
} from '@rainbow-me/rainbowkit/wallets';

const connectors = connectorsForWallets(
  [
    {
      groupName: 'Recommended',
      wallets: [rainbowWallet, walletConnectWallet],
    },
  ],
  {
    appName: 'My RainbowKit App',
    projectId: 'YOUR_PROJECT_ID',
  }
);
```

Kemudian Anda dapat meneruskan konektor Anda ke `createConfig` Wagmi.

```tsx
import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import { createConfig } from 'wagmi';

const connectors = connectorsForWallets(/* ... */);

const config = createConfig({
  connectors,
  {/* Wagmi config */}
});

const queryClient = new QueryClient();

const App = () => (
  <WagmiProvider config={config}>
    <QueryClientProvider client={queryClient}>
      <RainbowKitProvider {...etc}>
        {/* Your App */}
      </RainbowKitProvider>
    </QueryClientProvider>
  </WagmiProvider>
);
```

### Dompet Bawaan

Dompet berikut disediakan melalui objek `wallet`.

#### Dompet Umum

Dompet berikut disesuaikan dengan metode koneksi umum daripada aplikasi tertentu. Oleh karena itu, disarankan agar dompet-dompet ini selalu disertakan.

##### WalletConnect

Ini adalah pilihan dompet cadangan yang dirancang untuk dompet berbasis WalletConnect yang belum disediakan oleh dompet lain dalam daftar.

**Disarankan agar Anda selalu menyertakan dompet ini dalam daftar untuk memastikan semua dompet berbasis WalletConnect didukung.**

```tsx
import { walletConnectWallet } from '@rainbow-me/rainbowkit/wallets';
```

##### Dompet Tersuntik

Ini adalah pilihan dompet cadangan yang dirancang untuk skenario di mana `window.ethereum` ada tetapi belum disediakan oleh dompet lain dalam daftar. Dompet ini akan otomatis tersembunyi dari daftar ketika cadangan tidak diperlukan atau jika tidak ada dompet tersuntik yang tersedia.

**Disarankan agar Anda selalu menyertakan dompet ini dalam daftar untuk memastikan semua dompet tersuntik didukung.**

```tsx
import { injectedWallet } from '@rainbow-me/rainbowkit/wallets';
```

##### Dompet Aman

Untuk dApps yang mendukung Safe Apps memungkinkan pengguna untuk dengan mudah terhubung dengan brankas Safe atau multi-sig mereka, sertakan opsi `safeWallet` untuk koneksi otomatis. Pilihan Safe hanya akan muncul di lingkungan peramban Dompet Aman.

```tsx
import { safeWallet } from '@rainbow-me/rainbowkit/wallets';
```

### Dompet Khusus

Dompet berikut disediakan melalui objek `wallet` (urutkan berdasarkan abjad).

#### Dompet 1inch

```tsx
import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Backpack

```tsx
import { backpackWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Akun Dasar (sebelumnya Coinbase Wallet)

Konektor dompet ini mendukung Akun Dasar, perkembangan dari Dompet Cerdas Coinbase. Ini menyediakan otentikasi yang mulus dan fitur-fitur yang ditingkatkan seperti sub-akun dan izin pengeluaran.

Opsi konfigurasi selaras dengan [referensi SDK Akun Dasar](https://docs.base.org/base-account/reference/core/createBaseAccount).

```tsx
import { baseAccount } from '@rainbow-me/rainbowkit/wallets';

// Configure attribution (choose one approach)
baseAccount.preference = {
  attribution: { auto: true }, // Smart Wallet generates origin-based identifier
};

// Or use custom attribution
baseAccount.preference = {
  attribution: { dataSuffix: '0x1234567890abcdef' }, // 16-byte hex identifier
};

// Configure sub-accounts
baseAccount.subAccounts = {
  creation: 'on-connect', // or 'manual'
  defaultAccount: 'sub', // or 'universal'
  funding: 'spend-permissions', // or 'manual'
};

// Configure paymaster URLs for gasless transactions
baseAccount.paymasterUrls = {
  [base.id]: 'https://api.developer.coinbase.com/rpc/v1/base/...',
};
```

#### BeraSig

```tsx
import { berasigWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Terbaik

```tsx
import { bestWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Bifrost Wallet

```tsx
import { bifrostWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Binance Web3

```tsx
import { binanceWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Bitget

```tsx
import { bitgetWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Bitski

```tsx
import { bitskiWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Bitverse

```tsx
import { bitverseWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Bloom

```tsx
import { bloomWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Brave

```tsx
import { braveWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Bybit

```tsx
import { bybitWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Coin98

```tsx
import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Kompas

```tsx
import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet';
```

#### Inti

```tsx
import { coreWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet CTRL

```tsx
import { ctrlWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Fajar

```tsx
import { dawnWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Enkrypt

```tsx
import { enkryptWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### FoxWallet

```tsx
import { foxWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Frame

```tsx
import { frameWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Frontier

```tsx
import { frontierWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Gate

```tsx
import { gateWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Gemini Wallet

Konektor dompet pintar ini memungkinkan autentikasi tanpa batas melalui kunci di keys.gemini.com - tidak perlu unduhan, ekstensi, atau API keys. Ini bekerja langsung tanpa konfigurasi tambahan.

Parameter `appName` diperlukan untuk mengidentifikasi dApp Anda, dan `appIcon` opsional untuk menghubungkan pengalaman brand Anda.

```tsx
import { geminiWallet } from '@rainbow-me/rainbowkit/wallets';

const gemini = geminiWallet({
  appName: 'My App',
  appIcon: 'https://my-app.com/logo.png', // Optional
});
```

#### imToken

```tsx
import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet ioPay

```tsx
import { iopayWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Kaia

```tsx
import { kaiaWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Kaikas

```tsx
import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Kraken

```tsx
import { krakenWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Kresus

```tsx
import { kresusWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Ledger Live

```tsx
import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Magic Eden

```tsx
import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### MetaMask

```tsx
import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### MEW Wallet

```tsx
import { mewWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Nova

```tsx
import { novaWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet OKX

```tsx
import { okxWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Omni

```tsx
import { omniWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### OneKey

```tsx
import { oneKeyWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### ParaSwap

```tsx
import { paraSwapWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Phantom

```tsx
import { phantomWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Porto

```tsx
import { portoWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Rabby

```tsx
import { rabbyWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Rainbow

```tsx
import { rainbowWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Dompet Ramper

```tsx
import { ramperWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Siap

```tsx
import { readyWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Ronin Wallet

```tsx
import { roninWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Safeheron

```tsx
import { safeheronWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Taho

```tsx
import { tahoWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Talisman

```tsx
import { talismanWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Tokenary

```tsx
import { tokenaryWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### TokenPocket

```tsx
import { tokenPocketWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Trust Wallet

```tsx
import { trustWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Uniswap Wallet

```tsx
import { uniswapWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Valora

```tsx
import { valoraWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Wigwam

```tsx
import { wigwamWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### xPortal

```tsx
import { xPortalWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### Zerion

```tsx
import { zerionWallet } from '@rainbow-me/rainbowkit/wallets';
```

#### ZilPay

```tsx
import { zilPayWallet } from '@rainbow-me/rainbowkit/wallets';
```

### Contoh

#### Pengurutan

Berikut adalah beberapa contoh menampilkan berbagai dompet, dalam urutan yang berbeda.

Tampilkan MetaMask bersama dengan dompet fallback umum.

```tsx
import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import {
  metaMaskWallet,
  walletConnectWallet,
} from '@rainbow-me/rainbowkit/wallets';

const connectors = connectorsForWallets(
  [
    {
      groupName: 'Recommended',
      wallets: [metaMaskWallet, walletConnectWallet],
    },
  ],
  { appName: 'RainbowKit App', projectId: 'YOUR_PROJECT_ID' },
);
```

Tampilkan Rainbow, MetaMask, dan Base Account bersama dengan dompet cadangan generik.

```tsx
import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import {
  rainbowWallet,
  metaMaskWallet,
  baseAccount,
  walletConnectWallet,
} from '@rainbow-me/rainbowkit/wallets';

const connectors = connectorsForWallets(
  [
    {
      groupName: 'Suggested',
      wallets: [
        rainbowWallet,
        metaMaskWallet,
        baseAccount,
        walletConnectWallet,
      ],
    },
  ],
  { appName: 'RainbowKit App', projectId: 'YOUR_PROJECT_ID' },
);
```

> Pengingat: Urutan array `dompet` menentukan urutan dompet yang akan ditampilkan dalam UI.

#### Beberapa kelompok

Anda dapat menggunakan kunci `groupName` untuk menamai kelompok dompet yang berbeda. Ini berguna jika Anda ingin memberi tahu pengguna dompet mana yang Anda rekomendasikan, serta dompet lain yang mungkin.

Rekomendasikan Rainbow dan MetaMask, tetapi juga tawarkan Base Account bersama dengan dompet cadangan generik.

```tsx
import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import {
  rainbowWallet,
  metaMaskWallet,
  baseAccount,
  walletConnectWallet,
} from '@rainbow-me/rainbowkit/wallets';

const connectors = connectorsForWallets(
  [
    {
      groupName: 'Recommended',
      wallets: [rainbowWallet, metaMaskWallet],
    },
    {
      groupName: 'Others',
      wallets: [baseAccount, walletConnectWallet],
    },
  ],
  { appName: 'RainbowKit App', projectId: 'YOUR_PROJECT_ID' },
);
```
